import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:namewava/utils/jc_text_style.dart';

class JcCalendarTitle extends StatelessWidget {
  const JcCalendarTitle({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.only(left: 32.w, right: 32.w),
      child: Column(
        children: [
          Text(
            'Synchronise your \nscreen name in real time',
            textAlign: TextAlign.center,
            style: JcTextStyle.poetsenOneRegularTextStyle(24.sp, Colors.white),
          ),
          SizedBox(
            height: 10.h,
          ),
          Container(
            height: 5.h,
            width: 62.w,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(5.h)),
          ),
          SizedBox(
            height: 20.h,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                'Track record',
                style: JcTextStyle.sourceKeynoteartHansTextStyle(
                    16.sp, const Color(0xFF343434)),
              ),
              Text(
                'Slide left-right',
                style: JcTextStyle.sourceKeynoteartHansTextStyle(
                    16.sp, const Color(0xFF343434)),
              )
            ],
          ),
          SizedBox(
            height: 13.h,
          ),
        ],
      ),
    );
  }
}
